<!--
  * @Author: David Ma
  * @FilePath: \huaxia-real-estate-web\src\pages\[...all].vue
  * @LastEditors: David Ma
  * @Description: 该文件用于404页面
  * @Date: 2023-11-24 22:32:11
-->
<script setup lang="ts">
import ErrorHeader from '@/components/ErrorHeader.vue'
import misc404 from '@images/pages/404.png'
</script>

<template>
  <div class="misc-wrapper">
    <ErrorHeader
      error-code="404"
      error-title="Page Not Found ⚠️"
      error-description="我们找不到你要的页面."
    />

    <!-- 👉 Image -->
    <div class="misc-avatar w-100 text-center">
      <VImg
        :src="misc404"
        alt="Coming Soon"
        :max-width="800"
        class="mx-auto"
      />
      <VBtn
        to="/"
        class="mt-10"
      >
        回到主页
      </VBtn>
    </div>
  </div>
</template>

<style lang="scss">
@use "@core/scss/template/pages/misc.scss";
</style>
